<template>
<div class="container waiguan">
  <div class="title">外观部件</div>
  <van-collapse v-model="activeNames">
    <van-collapse-item title="塑件" name="1">
      <van-cell title="面板色差" value="" is-link />
      <van-cell title="漆面缺陷" value="" is-link />
      <van-cell title="塑件缺陷" value="" is-link />
      <van-cell title="塑件变形" value="" is-link />
      <van-cell title="塑件磨损" value="" is-link />
      <van-cell title="塑件开裂" value="" is-link />
      <van-cell title="塑件脱落" value="" is-link />
      <van-cell title="前置物箱（前杂物箱）脱落" value="" is-link />
      <van-cell title="塑件裂缝过大" value="" is-link />
      <van-cell title="电池仓缝隙过大" value="" is-link />
      <van-cell title="N1充电口盖板故障" value="" is-link />
      <van-cell title="坐桶内车架防拆标签损毁" value="" is-link />
      <van-cell title="塑件螺丝松动" value="" is-link />
    </van-collapse-item>
    <van-collapse-item title="标牌" name="2">
      <van-cell title="尾牌问题" value="" is-link />
      <van-cell title="限量版铭牌问题" value="" is-link />
      <van-cell title="NIU硬标问题" value="" is-link />
      <van-cell title="车身铭牌问题" value="" is-link />
    </van-collapse-item>
    <van-collapse-item title="脚踏" name="3">
      <van-cell title="脚踏断裂" value="" is-link />
      <van-cell title="脚踏脱落" value="" is-link />
      <van-cell title="脚踏掉漆" value="" is-link />
      <van-cell title="脚踏损伤" value="" is-link />
      <van-cell title="脚踏无法回位" value="" is-link />
      <van-cell title="脚踏无法弹开" value="" is-link />
      <van-cell title="脚踏打滑" value="" is-link />
      <van-cell title="脚踏少螺丝" value="" is-link />
    </van-collapse-item>
    <van-collapse-item title="置物挂钩" name="4">
      <van-cell title="挂钩断裂" value="" is-link />
      <van-cell title="挂钩损坏" value="" is-link />
      <van-cell title="挂钩不回弹" value="" is-link />
      <van-cell title="挂钩打不开" value="" is-link />
    </van-collapse-item>
    <van-collapse-item title="座垫" name="5">
      <van-cell title="座垫变形" value="" is-link />
      <van-cell title="座垫开裂" value="" is-link />
      <van-cell title="座垫破损" value="" is-link />
      <van-cell title="座垫松动" value="" is-link />
      <van-cell title="座垫锁钩损坏" value="" is-link />
      <van-cell title="座垫后logo不正" value="" is-link />
      <van-cell title="座垫海绵吸水" value="" is-link />
      <van-cell title="座垫海绵塌陷" value="" is-link />
      <van-cell title="座垫融化" value="" is-link />
      <van-cell title="座垫无法打开" value="" is-link />
      <van-cell title="座垫无法关闭" value="" is-link />
    </van-collapse-item>
    <van-collapse-item title="后视镜" name="6">
      <van-cell title="后视镜缺失" value="" is-link />
      <van-cell title="后视镜破损" value="" is-link />
      <van-cell title="后视镜无法安装" value="" is-link />
      <van-cell title="后视镜混装（单边）" value="" is-link />
      <van-cell title="后视镜镜片脱落" value="" is-link />
      <van-cell title="后视镜成像变形" value="" is-link />
      <van-cell title="后视镜有坏点" value="" is-link />
    </van-collapse-item>
    <van-collapse-item title="反射器" name="7">
      <van-cell title="反射器脱落" value="" is-link />
      <van-cell title="反射器不反光" value="" is-link />
      <van-cell title="反射器破损" value="" is-link />
      <van-cell title="反射器高低不一致" value="" is-link />
    </van-collapse-item>
    <van-collapse-item title="挡泥板" name="8">
      <van-cell title="挡泥板不挡泥" value="" is-link />
      <van-cell title="挡泥板歪斜" value="" is-link />
      <van-cell title="挡泥板断裂" value="" is-link />
      <van-cell title="挡泥板异响" value="" is-link />
      <van-cell title="挡泥板少螺丝" value="" is-link />
      <van-cell title="后挡泥板支架损坏" value="" is-link />
      <van-cell title="后挡泥板支架缺失" value="" is-link />
      <van-cell title="挡泥板松动" value="" is-link />
      <van-cell title="挡泥板变形" value="" is-link />
      <van-cell title="挡泥板缺失" value="" is-link />
      <van-cell title="挡泥板磨损" value="" is-link />
    </van-collapse-item>
    <van-collapse-item title="挡风板" name="9">
      <van-cell title="挡风板破损" value="" is-link />
      <van-cell title="挡风板断裂" value="" is-link />
      <van-cell title="挡泥板断裂" value="" is-link />
      <van-cell title="挡风板螺丝缺失" value="" is-link />
      <van-cell title="挡风板螺丝无法拆卸/安装" value="" is-link />
      <van-cell title="挡风板变形" value="" is-link />
      <van-cell title="挡风板螺丝滑丝" value="" is-link />
    </van-collapse-item>
        <van-collapse-item title="后扶手" name="10">
      <van-cell title="后扶手断裂" value="" is-link />
      <van-cell title="后扶手掉漆" value="" is-link />
      <van-cell title="后扶手有毛刺" value="" is-link />
    </van-collapse-item>
  </van-collapse>
</div>

</template>
<script>
import { Collapse, CollapseItem,Toast,Cell } from 'vant';
export default {
  components:{
    [Cell.name]:Cell,
    [Toast.name]:Toast,
    [Collapse.name]:Collapse,
    [CollapseItem.name]:CollapseItem,
  },
  data(){
    return{
      activeNames: []
    }
  },
  mounted(){
    Toast.loading({duration:1000,mask: false,message: '加载中...'});

  },
  methods:{


  }
}
</script>
<style>
.waiguan .van-cell{
  padding-left:0;
  padding-right:0;
}
.van-collapse-item__content{
  padding:0;
  padding-left:15px;
}
.van-collapse-item__title .van-cell__title{
  font-weight:500;
}
</style>

<style scoped lang="scss">
.container{
  padding:0 18px;
  height:100%;
  text-align: left;
}
.title{
  height:72px;
  font-size:25px;
  line-height: 72px;
  font-weight:500;
}

</style>